examples/cms-prismic/src/pages/blogs/[...page].astro


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

---
import BaseLayout from '@/layouts/BaseLayout.astro'
import BlogCard from '@/components/BlogCard.astro'
import Pagination from '@/components/Pagination.astro'
import { initApi, Predicates } from '@/api/prismic.js'

export async function getStaticPaths({paginate, rss}) {
    const api = await initApi()
    const document = await api.query(
        Predicates.at('document.type', 'blog_post'),
        { orderings : '[document.last_publication_date]' }
    )
    const { results } = document
    return paginate(results, { pageSize: 4 })
}

const { page } = Astro.props
---
<BaseLayout>
	<div class="row">
        {
            page.data.map(blog => (
                <div class="col-6 col-6-medium col-12-small">
                    <BlogCard data={blog} />
                </div>
            ))
        }
    </div>
    { page.lastPage > 1 && <Pagination prevUrl={page.url.prev} nextUrl={page.url.next} /> }
</BaseLayout>